<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // cookie 
        //    作用 用来存储数据的   --- 跨页面访问
        //    存储在客户端  ---  不安全   可以被用户清除或者禁用
        //    语法
        //       存储   document.cookie = '名称=内容;path=/;expires=时间'
        //       取cookie  let cookies = document.cookie    取到所有
        //       修改某一条数据   覆盖    document.cookie = '名称=内容;path=/;expires=时间'
        //       删除某一条数据   覆盖(过期的时间)  document.cookie = '名称=内容;path=/;expires=时间'
        //    会随着服务器请求，把cookie的内容携带到服务端？？？？？

        //   缺点：
        //     只能一条一条的存数据
        //     取数据的时候，取了所有
        //     没有一些好用的方法   只能自己封装
        //     不安全
        //     不能大量的存储数据    大部分浏览器最多只能存50条左右，最大4kb以下
        //     每一次向服务器发送请求的时候，cookie都会被携带   影响服务器的响应速度



        // cookie 前提条件
        //   不能跨设备，不能跨浏览器
        //   不能跨网站
        //      同源策略？？？？？？？？？？？？？？？？？？？   域名 + 端口号 + 协议  同源
        //   http:www.baidu.com  https:www.baidu.com    协议不一样
        //   http:www.baidu.com   http:www.baidu.com:5050   端口号不一样
        //   http:www.baidu.com    http:www.baidus.com  域名不一样

        //   http:www.baidu.com/list/type1.html   http:www.baidu.com/aa/type1.html   只是路径不一样


        //  客户端与服务端的交互过程
        //     浏览文件  需要向服务器发送请求
        

        //   登录了某网站  输入了用户名和密码  向服务器发起请求   一次通话
        //   喜欢一款手表  加入购物车？？      向服务器发起请求   你是谁？？？  yy 手表    cc 手表
        //                 用户名存入到cookie当中  yy
        //   

    </script>

</body>

</html>